<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="viewport" content="width=720, user-scalable=no">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-title" content="">
<title></title>
<link href="css/style02.css?v=1" rel="stylesheet" />
<link href="css/base.css" rel="stylesheet" />
<script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"  type="text/javascript"></script>
<script src="http://h5.cailianxinwen.com/wxjson/js/wxapi-video.js?v=1.01"  type="text/javascript"></script>

</head>
<body>
<div class="wrap">
	<img src="img/bg02.png" id="top" style="height: 100%;position: absolute;">
	<div class="conbox" style="position: relative;top:50px">
		<div style="display: flex;justify-content: center;flex-direction: column;">
			<img src="img/top.png" style="	display: block;margin:0 auto 36px;">

		</div>

	
    </div>
	<div class="conbox" style="background-color: #fff;position: relative;top:50px">
		<img src="img/img_title06.png" class="img_title01" style="height: 96px;">
	    <div class="con06">



	    <ul id="list">	
	    	<li>
	    		<div class="paixu float_left">01</div>
	    		<div class="img_box float_left"><img src="img/img.jpg"></div>
	    		<div class="mess float_left">
	    			<h2>秋之色彩吉林</h2>
	    			<div class="txt"><span><img src="img/img_name.png" class="img_name"></span>李莉莉&nbsp;&nbsp;&nbsp;&nbsp;1015票</div>
	    		</div>
	    		<div class="clear"></div>
			</li>
			<li>
	    		<div class="paixu float_left">02</div>
	    		<div class="img_box float_left"><img src="img/img.jpg"></div>
	    		<div class="mess float_left">
	    			<h2>秋之色彩吉林</h2>
	    			<div class="txt"><span><img src="img/img_name.png" class="img_name"></span>李莉莉&nbsp;&nbsp;&nbsp;&nbsp;1015票</div>
	    		</div>
	    		<div class="clear"></div>
			</li>
			<li>
	    		<div class="paixu float_left">03</div>
	    		<div class="img_box float_left"><img src="img/img.jpg"></div>
	    		<div class="mess float_left">
	    			<h2>秋之色彩吉林</h2>
	    			<div class="txt"><span><img src="img/img_name.png" class="img_name"></span>李莉莉&nbsp;&nbsp;&nbsp;&nbsp;1015票</div>
	    		</div>
	    		<div class="clear"></div>
			</li>
			<li>
	    		<div class="paixu float_left">04</div>
	    		<div class="img_box float_left"><img src="img/img.jpg"></div>
	    		<div class="mess float_left">
	    			<h2>秋之色彩吉林</h2>
	    			<div class="txt"><span><img src="img/img_name.png" class="img_name"></span>李莉莉&nbsp;&nbsp;&nbsp;&nbsp;1015票</div>
	    		</div>
	    		<div class="clear"></div>
			</li>
			<li>
	    		<div class="paixu float_left">05</div>
	    		<div class="img_box float_left"><img src="img/img.jpg"></div>
	    		<div class="mess float_left">
	    			<h2>秋之色彩吉林</h2>
	    			<div class="txt"><span><img src="img/img_name.png" class="img_name"></span>李莉莉&nbsp;&nbsp;&nbsp;&nbsp;1015票</div>
	    		</div>
	    		<div class="clear"></div>
			</li>
			<li>
	    		<div class="paixu float_left">06</div>
	    		<div class="img_box float_left"><img src="img/img.jpg"></div>
	    		<div class="mess float_left">
	    			<h2>秋之色彩吉林</h2>
	    			<div class="txt"><span><img src="img/img_name.png" class="img_name"></span>李莉莉&nbsp;&nbsp;&nbsp;&nbsp;1015票</div>
	    		</div>
	    		<div class="clear"></div>
			</li>
			<li>
	    		<div class="paixu float_left">07</div>
	    		<div class="img_box float_left"><img src="img/img.jpg"></div>
	    		<div class="mess float_left">
	    			<h2>秋之色彩吉林</h2>
	    			<div class="txt"><span><img src="img/img_name.png" class="img_name"></span>李莉莉&nbsp;&nbsp;&nbsp;&nbsp;1015票</div>
	    		</div>
	    		<div class="clear"></div>
			</li>
		</ul>
	    <div class="clear"></div>
    </div>
    <ul class="tab">
    	<!--<a href="list.html"><li><img src="img/tab01.jpg"></li></a>-->
		<a href="list.html"><li><img src="img/tab01.png"></li></a>
    	<a href="order.html"><li><img src="img/tab02.png"></li></a>
    	<!--<a href="list2.html"><li><img src="img/tab02-1.jpg"></li></a>-->
    	<div class="clear"></div>
    </ul>
</div>
</body>
<script>
	
	getvotelist()
	function getvotelist()
    {
        $.ajax({
            type: "post",
            url: 'https://www.cailianxinwen.com/app/vote/getVoteItemList?voteId=503',
             dataType: "json",
             //jsonp: "jsoncallback",
             success: function (json) {
                 console.log(json)
                var _html='';
				var num=0
                for(var i=0;i<json['items'].length;i++)
                {
					_html+='<li>'
					_html+='<span class="paixu float_left">'+(i+1)+'</span>'
					_html+='<div class="img_box float_left"><img src="'+json['items'][i].itemimg+'" ></div>'
					_html+='	<div class="mess float_left">'
					_html+='	<h2>'+json['items'][i].itemcon+'</h2>'
					_html+='	<div class="txt"><span><img src="img/img_name.png" class="img_name"></span>'+json['items'][i].businessname+'&nbsp;&nbsp;&nbsp;&nbsp;'+json['items'][i].votenum+'卡</div>'
					_html+='	</div><div class="clear"></div></li>'

                }
				_html+='<li class="float_left" style="height:100px">&nbsp;'
					_html+='	</li>'
                $('#list').html(_html)


             },
             error: function (err) {
                 console.log(err.statusText)
                 if(err.statusText=='error')
                 {                   
                    alert('链接超时')
                 }
             }
         });
    }
</script>
</html>